<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./src/img/index/favicon.ico">
    <link rel="stylesheet" href="./src/css/bootstrap.css">
    <link rel="stylesheet" href="./src/css/index.css">
    <link rel="stylesheet" href="./src/css/animate.css">
    <link rel="stylesheet" href="./src/css/iconfont.css">
    <link rel="stylesheet" href="./src/css/liMarquee.css">

    <script src="./src/js/jquery.js"></script>
    <script src="./src/js/bootstrap.js"></script>
    <script src="./js/iconfont.js"></script>
    <script src="./src/js/index.js"></script>
    <script src="./src/js/jquery.liMarquee.js"></script>

    <title>好知网 - 首页</title>
</head>
<body class="mybody">
    <nav class="navbar navbar-default mynav">
        <div class="container-fluid container container-bottom" >
          <!-- 响应式导航栏 -->
          <div class="navbar-header nav-center visible-xs container">
              <button type="button" class="navbar-toggle collapsed navLeft " data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only ">Toggle navigation</span>
                <span class="icon-bar spanBcg"></span>
                <span class="icon-bar spanBcg"></span>
                <span class="icon-bar spanBcg"></span>
              </button>
              <div class="warp-img container visible-xs"><a href="#"><img src="./img/index/logo.png" class="center-block"></a></div>

          </div>
      
          <!-- 导航栏 -->
          <div class="collapse navbar-collapse nav-border" id="bs-example-navbar-collapse-1">
            <div class="warp-left hidden-xs"><a href="#"><img src="./src/img/index/logo.png"></a></div>
            <ul class="nav navbar-nav navbar-left warp-li">
              <li class="active"><a href="#">学习中心<span class="sr-only"></span></a></li>
              <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">课程<span class="caret"></span></a>
                    <ul class="dropdown-menu warp-course hidden-xs hidden-sm hidden-md">
                        <li><a href="#">摄影课堂</a></li>
                        <li><a href="#">创意设计</a></li>
                        <li><a href="#">声乐器乐</a></li>
                        <li><a href="#">运动健身</a></li>
                        <li><a href="#">IT互联网</a></li>
                        <li><a href="#">兴趣爱好</a></li>
                        <li><a href="#">语言学习</a></li>
                        <li><a href="#">职场技能</a></li>
                        <li><a href="#">公开课</a></li>
                    </ul>
              </li>
              <li><a href="#">班级</a></li>
              <li><a href="#">小组</a></li>   
            </ul>           
            <div class="navbar-right hidden-xs navbar-margin " > 
              <div class="navbar-form navbar-left warp-all">
               
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">课程</a>
                      <ul class="dropdown-menu ">
                          <li><a href="#">课程</a></li>
                          <li><a href="#">话题</a></li>
                          <li><a href="#">教师</a></li>
                      </ul>

            </div>
            
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    
    <div>
        nihaoya
    </div>
      <!-- 更有趣的学习 -->

   
    <script src="./src/js/index.js"></script>
</body>
</html>